<!--
  @author yangjiangming
  @date 2018/11/26 10:00
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<zmn th:fragment="query">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">工单号：</label>
            <div class="layui-input-inline">
                <input class="layui-input" id="orderId" type="number" name="code" maxlength="19" placeholder="请输入工单号"
                       autocomplete="off">
            </div>

            <label class="layui-form-label">客户电话：</label>
            <div class="layui-input-inline">
                <input class="layui-input concat-phone" type="text" id="concatPhone" name="concatPhone" placeholder="请输入客户电话" autocomplete="off">
                <input class="layui-input crypto-phone layui-hide" type="text" name="cryptoPhone">
            </div>

            <label class="layui-form-label">平台：</label>
            <div class="layui-input-inline">
                <div th:replace="common/listQueryItemTmpl :: selectForPlatType"></div>
            </div>

            <label class="layui-form-label">虚假：</label>
            <div class="layui-input-inline">
                <select id="select-spurious-status" name="spuriousStatus">
                    <option value="">-全部-</option>
                    <option value="1">否</option>
                    <option value="2">是</option>
                </select>
            </div>

        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-inline">

            <label class="layui-form-label">工单类型：</label>
            <div class="layui-input-inline">
                <div th:replace="common/listQueryItemTmpl :: selectForWorkTypeList"></div>
            </div>

            <label class="layui-form-label">工单状态：</label>
            <div class="layui-input-inline">
                <div th:replace="common/listQueryItemTmpl :: selectForWorkStatusList"></div>
            </div>

            <label class="layui-form-label">工单结果：</label>
            <div class="layui-input-inline">
                <div th:replace="common/listQueryItemTmpl :: selectForWorkResultStatusList"></div>
            </div>

            <label class="layui-form-label">工程师：</label>
            <div class="layui-input-inline">
                <div id="masterIds"></div>
            </div>

        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-inline">

            <label class="layui-form-label">服务分类：</label>
            <div class="layui-input-inline">
                <div th:replace="common/listQueryItemTmpl :: selectForServCategId"></div>
            </div>

            <label class="layui-form-label">业务类型：</label>
            <div class="layui-input-inline">
                <div th:replace="common/listQueryItemTmpl :: selectForBizType"></div>
            </div>

            <label class="layui-form-label">业务线：</label>
            <div class="layui-input-inline">
                <div id="bizLineList"></div>
            </div>

            <label class="layui-form-label">产品分组：</label>
            <div class="layui-input-inline">
                <div th:replace="common/listQueryItemTmpl :: selectForServProductGroupIdList"></div>
            </div>

        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-inline">

            <label class="layui-form-label">改派状态：</label>
            <div class="layui-input-inline">
                <div id="redistributeStatusList">
                </div>
            </div>

            <label class="layui-form-label">审核状态：</label>
            <div class="layui-input-inline">
                <div id="auditStatusList">
                </div>
            </div>

            <label class="layui-form-label">审核类型：</label>
            <div class="layui-input-inline">
                <select id="select-audit-type" name="auditType" lay-search>
                    <option value="">全部</option>
                    <option value="1">主管</option>
                    <option value="2" selected>员工</option>
                </select>
            </div>

            <label class="layui-form-label">审核人：</label>
            <div class="layui-input-inline">
                <div class="layui-input-inline" style="width: 155px;">
                    <div id="auditerId"></div>
                </div>
            </div>

        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-inline">

            <label class="layui-form-label">审核人类型：</label>
            <div class="layui-input-inline">
                <select name="auditerType" lay-search>
                    <option value="">全部</option>
                    <option value="1">主管</option>
                    <option value="2">员工</option>
                </select>
            </div>

            <label class="layui-form-label">子公司：</label>
            <div class="layui-input-inline">
                <div th:replace="common/listQueryItemTmpl :: selectForCompanyIdOrGridCompanyIdList"></div>
            </div>

            <label class="layui-form-label">省份：</label>
            <div class="layui-input-inline">
                <div th:replace="common/listQueryItemTmpl :: selectForProvinceIdList"></div>
            </div>

            <label class="layui-form-label">城市：</label>
            <div class="layui-input-inline">
                <div th:replace="common/listQueryItemTmpl :: selectForCityIdList"></div>
            </div>

        </div>
    </div>

    <div class="layui-form-item">

        <div class="layui-inline">

            <label class="layui-form-label">下单渠道：</label>
            <div class="layui-input-inline">
                <div th:replace="common/listQueryItemTmpl :: selectForChannelIdList"></div>
            </div>

            <label class="layui-form-label">改派缘由：</label>
            <div class="layui-input-inline">
                <div id="reasonIdList"></div>
            </div>

            <label class="layui-form-label">求助状态：</label>
            <div class="layui-input-inline">
                <div id="helpStatusList">
                </div>
            </div>

        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-inline">

            <!-- 改派发起时间 -->
            <div class="layui-inline">
                <label class="layui-form-label">发起时间：</label>
                <div class="layui-input-inline" style="width: 405px;">
                    <input type="text"
                           id="redistributeApplyTime"
                           readonly
                           th:value="|${#dates.format(new java.util.Date().getTime() - 7*24*60*60*1000, 'yyyy/MM/dd 00:00:00')} - ${#dates.format(new java.util.Date().getTime(), 'yyyy/MM/dd 23:59:59')}|"
                           name="redistributeApplyTime"
                           placeholder="yyyy/MM/dd HH:mm:ss - yyyy/MM/dd HH:mm:ss"
                           class="layui-input"
                           lay-key="1">
                </div>
            </div>

            <!-- 搜索、清空 按钮 -->
            <div id="query-tool" class="layui-input-inline inline-btn">
                <div th:replace="common/listQueryItemTmpl :: buttonForSearch"></div>
                <div th:replace="common/listQueryItemTmpl :: buttonForClean"></div>
                <div class="layui-input-inline layui-hide" style="width: 85px;display:none;" th:if="${#authPermit.checkPermit('/work/redistribute/list/export.action')}">
                    <div th:replace="common/listQueryItemTmpl :: buttonForExport"></div>
                </div>
            </div>

        </div>
    </div>

</zmn>